/* 头部 */
#nav{
    height: 75px;
}
.top-nav .welcome .website{
    margin-left:261px;
} 
.nav .welcomeyou{
     width: 117px;
     height: 80px;
     font-size: 28px;
     margin-left:74px;
     line-height: 80px; 
}

.record{
    width: 1950px;
    height: 500px;
    background: url(../imgs/56.jpg) no-repeat;
    margin: 0 auto;
    position: relative;
}

/* 一页面 */
.record .record-title{
    width: 350px;
	height: 370px;
    background-color: #fff;
    position: absolute;
    right:440px;
    top:68px;
}
.record .record-title li{
    width: 175px;
    height: 40px;
    font-size: 18px;
    text-align: center;
    /* background: #f60; */
    line-height: 40px;;
    cursor: pointer;
}
.record .record-content{
    width: 350px;
    height: 350px;
}
.record.record-content .img{
    width: 350px;
    margin-top: 10px;
    text-align: center;
}
.record .record-content img{
    width: 350px;
    height: 330px;
}
.foot {
    margin-top:20px; 
}

/* 交互 */
.record .record-title .titleul li.on{
    background: #f60;
    color:#fff;
}

.record .record-content div{
    display: none;
}
.record .record-content .active{
    display:block ;
}
/* 二页面 */
.record.record-content .img {
    width: 350px;
    height: 330px;
}  

.record-content .img #user{
    width: 290px;
    height: 40px;
    outline: none;
    border:1px solid #ccc;
    margin-left:29px;     
    margin-top:15px;
    text-indent: 1em;
   

}
.record-content .img  p{
    position: relative;
}
    
.record-content .img .pwd{
    width: 290px;
    height: 40px;
    border:1px solid #ccc;
    outline: none;
    margin-left:29px; 
    margin-top:15px;
    text-indent: 1em;
}
.record-content .img  .check{
    margin-left:29px; 
    margin-top:15px;
}
.record-content .img  .forget{
    margin-left:165px; 
}
.record-content .img .btn{
    width: 290px;
    height: 40px;
    background: #f60;
    outline: none;
    border: 0;
    font-size: 24px;
    line-height: 40px;
    color:#fff;
    margin-left:29px; 
    margin-top:15px;
}

.record-content .img .zhuce{
    width: 290px;
    height: 40px;
    background: #ccc;
    outline: none;
    margin-left:29px; 
    margin-top:30px;
    display: block;
    text-align: center;
    line-height: 40px;
    color:#f60;
}
.record-content .img .del{
    width: 20px;
    height: 20px;
    position: absolute;
    top:26px;
    right:35px;
    display: none;
}
.record-content .img .close{
    width: 20px;
    height: 20px;
    position: absolute;
    top:28px;
    right:35px;
    display: none;
}
.record-content .img #form .record{
    margin-top:15px; 
}

 p{ 
    /* padding: 20px; */
    position: relative;
}
p .msg{
    position: absolute;
    /* left:20px;top:50px; */
    font-size: 12px;
    color:red; 
    left: 31px;
    top: 56px;
}
.record-content .recorde .check{
    vertical-align:text-bottom; 
    margin-bottom:2px; 
    margin-bottom:-2px\9;
}